<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>茶叶官网首页</title>
    <link rel="stylesheet" href="css/case.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 茶叶官网首页头部开始 -->
    <div class="head w">
        <div class="logo">
            <h1>
                <a href="#">精品茶叶网</a>
            </h1>
        </div>
        <div class="url">
            <p>茶叶协会官网</p>
            www.cha**ui.top
        </div>
        <div class="nav">
            <ul>
                <li>
                    <span>首页</span>
                </li>
                <li>
                    <span>关于我们</span>
                    <ul class="h_280">
                        <li>
                            <a href="#">公司简介</a>
                        </li>
                        <li>
                            <a href="#">荣誉资质</a>
                        </li>
                        <li>
                            <a href="#">企业文化</a>
                        </li>
                        <li>
                            <a href="#">联系我们</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <span>产品中心</span>
                    <ul class="h_420">
                        <li>
                            <a href="#">乌龙茶系列</a>
                        </li>
                        <li>
                            <a href="#">花茶系列</a>
                        </li>
                        <li>
                            <a href="#">普洱系列</a>
                        </li>
                        <li>
                            <a href="#">茶食品系列</a>
                        </li>
                        <li>
                            <a href="#">茶月饼系列</a>
                        </li>
                        <li>
                            <a href="#">茶具系列</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <span>新闻动态</span>
                    <ul class="h_280">
                        <li>
                            <a href="#">公司新闻</a>
                        </li>
                        <li>
                            <a href="#">行业动态</a>
                        </li>
                        <li>
                            <a href="#">媒体报道</a>
                        </li>
                        <li>
                            <a href="#">茶叶知识</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <span>品牌简介</span>
                </li>
                <li>
                    <span>合作交流</span>
                    <ul class="h_280">
                        <li>
                            <a href="#">合作介绍</a>
                        </li>
                        <li>
                            <a href="#">意向提交</a>
                        </li>
                        <li>
                            <a href="#">成功案例</a>
                        </li>
                        <li>
                            <a href="#">信息发布</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <!-- 主体部分制作 -->
    <div class="main w">
        <div class="focus_pic">
            <h1>
                贵州绿茶 秀甲天下
                <i>品牌</i>
            </h1>
            <p>中国都市生活茶，引领生活新主张</p>
            <div class="left_bt">
                <a href="#"><img src="images/3.png" alt=""></a>
            </div>
            <div class="right_bt">
                <a href="#"> <img src="images/xgw8.png" alt=""></a>
            </div>
            <div class="yuandian">
                <ul>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                </ul>
            </div>
        </div>
        <div class="about_we">
            <div class="about_we_hd">
                <h3>关于我们</h3>
                <span>以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策</span>
            </div>
            <div class="about_we_bd">
                <div class="jianjie">
                    <h3>公司简介</h3>
                    <h4>COMPANY PROFILE</h4>
                    <p>某某省茶叶协会，其前身系1996年10月成立的某某省食品工业协会茶叶分会。后经某某省民政厅批准，于2006年10月18日正式成立为某某省茶叶协会。某某省茶叶协会是全省茶行业的企业、事业单位和茶业工作者及省外茶商自愿参加组建成立的社会团体。<br>
                        本协会宗旨是：以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策。热忱为茶农、茶企、茶叶工作者和会员服务，维护本行业的合法权益，为各级政府制定发展茶产业政策当好参谋和助手，为促进茶产业的发展发挥桥梁纽带作用。某某省茶叶协会的主管部门是某某省供销社，协会是在某某省民政厅的指导和监督下开展工作的社团组织，现有团体会员166个，个人会员156名。
                    </p>
                    <a href="">了解更多</a>
                </div>
            </div>
        </div>
        <div class="succesful_case">
            <h2>成功案例</h2>
            <span>以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策
            </span>
            <ul>
                <li>
                    <img src="images/sprite-l.png" alt="">
                </li>
                <li>
                    <div>
                        <img src="images/8ddbb6fb3787ffa5bee42953e93cba28.jpg" alt="">
                        <img src="images/158BDF57C95 (1).jpg" alt="">
                        <img src="images/777a81afc62af20a3c547ddc571076c9.jpg" alt="">
                    </div>
                    <h3>绿茶茶渣做枕可助眠</h3>
                    <p>泡过的茶怎么办？扔之可惜，但又有什么用处呢？山国饮艺茗茶的茶师林师傅表示，其实用它来装枕头也是个不错</p>
                </li>
                <li>
                    <div>
                        <img src="images/777a81afc62af20a3c547ddc571076c9.jpg" alt="">
                        <img src="images/8ddbb6fb3787ffa5bee42953e93cba28.jpg" alt="">
                        <img src="images/158BDF57C95 (1).jpg" alt="">
                    </div>
                    <h3>简述茶叶8大养生功效</h3>
                    <p>软化血管：茶水可使血管中血清胆固醇和纤维蛋白含量降低，从而降低血脂，软化血管。</p>
                </li>
                <li>
                    <div>
                        <img src="images/158BDF57C95 (1).jpg" alt="">
                        <img src="images/777a81afc62af20a3c547ddc571076c9.jpg" alt="">
                        <img src="images/8ddbb6fb3787ffa5bee42953e93cba28.jpg" alt="">
                    </div>
                    <h3>简述茶叶8大养生功效</h3>
                    <p>（1）软化血管：茶水可使血管中血清胆固醇和纤维蛋白含量降低，从而降低血脂，软化血管。</p>
                </li>
                <li>
                    <img src="images/sprite-r.png" alt="">
                </li>
            </ul>
            <a href="#">了解更多</a>
        </div>
        <div class="pinpai">
            <h2>茶叶毛尖<span>品牌</span></h2>
            <span>以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策
            </span>
            <ul>
                <li>
                    <h2>
                        <i></i>【茶叶毛尖简介】
                    </h2>
                    <p>其前身系1996年10月成立的某某省食品工业协会茶叶分会。后经某某省民政厅批准，于2006年10月18日正式成立为某某省茶叶协会。某某省茶叶协会是全省茶行业的企业</p>
                </li>
                <li>
                    <h2>
                        <i></i>【茶叶毛尖简介】
                    </h2>
                    <p>其前身系1996年10月成立的某某省食品工业协会茶叶分会。后经某某省民政厅批准，于2006年10月18日正式成立为某某省茶叶协会。某某省茶叶协会是全省茶行业的企业</p>
                </li>
                <li>
                    <h2>
                        <i></i>【茶叶毛尖简介】
                    </h2>
                    <p>其前身系1996年10月成立的某某省食品工业协会茶叶分会。后经某某省民政厅批准，于2006年10月18日正式成立为某某省茶叶协会。某某省茶叶协会是全省茶行业的企业</p>
                </li>
            </ul>
        </div>
        <div class="product_center">
            <div class="hd">
                <h2>产品中心</h2>
                <span>以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策</span>
            </div>
            <div class="bd">
                <ul>
                    <li>
                        <img src="images/9_hirc.jpg" alt="">
                        <h3>某某熟普洱茶饼黑茶饼特级茶叶</h3>
                        <span>普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</span>
                    </li>
                    <li>
                        <img src="images/9_hirc.jpg" alt="">
                        <h3>某某熟普洱茶饼黑茶饼特级茶叶</h3>
                        <span>普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</span>
                    </li>

                    <li>
                        <img src="images/9_hirc.jpg" alt="">
                        <h3>某某熟普洱茶饼黑茶饼特级茶叶</h3>
                        <span>普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</span>
                    </li>
                    <li>
                        <img src="images/9_hirc.jpg" alt="">
                        <h3>某某熟普洱茶饼黑茶饼特级茶叶</h3>
                        <span>普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</span>
                    </li>
                    <li>
                        <img src="images/9_hirc.jpg" alt="">
                        <h3>某某熟普洱茶饼黑茶饼特级茶叶</h3>
                        <span>普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</span>
                    </li>
                    <li>
                        <img src="images/9_hirc.jpg" alt="">
                        <h3>某某熟普洱茶饼黑茶饼特级茶叶</h3>
                        <span>普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</span>
                    </li>
                    <li>
                        <img src="images/9_hirc.jpg" alt="">
                        <h3>某某熟普洱茶饼黑茶饼特级茶叶</h3>
                        <span>普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</span>
                    </li>
                    <li>
                        <img src="images/9_hirc.jpg" alt="">
                        <h3>某某熟普洱茶饼黑茶饼特级茶叶</h3>
                        <span>普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</span>
                    </li>
                </ul>
                <a href="#">了解更多</a>
            </div>
        </div>
        <div class="cooperative_client">
            <div class="hd">
                <h2>合作客户</h2>
                <span>以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策</span>
            </div>
            <div class="bd">
                <ul>
                    <li>
                        <img src="images/zn78.jpg" alt="">
                    </li>
                    <li>
                        <img src="images/zn78.jpg" alt="">
                    </li>
                    <li>
                        <img src="images/zn78.jpg" alt="">
                    </li>
                    <li>
                        <img src="images/zn78.jpg" alt="">
                    </li>
                    <li>
                        <img src="images/zn78.jpg" alt="">
                    </li>
                    <li>
                        <img src="images/zn78.jpg" alt="">
                    </li>
                    <li>
                        <img src="images/zn78.jpg" alt="">
                    </li>
                    <li>
                        <img src="images/zn78.jpg" alt="">
                    </li>
                    <li>
                        <img src="images/zn78.jpg" alt="">
                    </li>
                    <li>
                        <img src="images/zn78.jpg" alt="">
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 页脚部分制作 -->
    <div class="footer w">
        <div class="hd">
            <h1>产品信息快捷查询</h1>
            <div class="search">
                <input type="text" placeholder="请输入关键词">
                <button>搜索</button>
            </div>
        </div>
        <div class="bd">
            <ul>
                <li>网站首页</li>
                <li>关于我们</li>
                <li>产品中心</li>
                <li>新闻动态</li>
                <li>品牌简介</li>
                <li>合作交流</li>
            </ul>
        </div>
        <div class="tail">
            <div class="qita">
                <ul>
                    <li>联系我们</li>
                    <li>地址：某某市友谊路258号（百灵·尚品一号B-2-8-2）</li>
                    <li>邮编：5**0000</li>
                    <li>电话：400-***-000</li>
                    <li>联系人：精品茶叶官方宣传网站</li>
                </ul>
                <ul>
                    <li>关于我们</li>
                    <li>关于我们</li>
                    <li>联系我们</li>
                    <li>企业文化</li>
                    <li>荣誉资质</li>
                </ul>
                <ul>
                    <li>合作交流</li>
                    <li>成功案例</li>
                    <li>合作介绍</li>
                    <li>信息发布</li>
                    <li>意向提交</li>
                </ul>
                <ul>
                    <li>产品中心</li>
                    <li>乌龙茶系列</li>
                    <li>花茶系列</li>
                    <li>普洱系列</li>
                    <li>茶食品系列</li>
                </ul>
                <div class="qr_code">
                    <img src="images/erweima.png" alt="">
                    <p>微信公众号</p>
                </div>
            </div>
            <div class="copyright">
                COPYRIGHT WWW.GZ**.ORG　版权所有：精品茶叶官方宣传网站ICP备案编号：黔ICP备140***33号-1
            </div>
        </div>
    </div>
</body>

</html>